<!doctype html>
<html lang="en">
<head>
    <title>Texun Vol.01 - eMagazine</title>
    <meta name="viewport" content="width = 1050, user-scalable = no" />

    <!-- Suppoting files -->
    <script language="javascript" src="../runtime/jquery-1.8.0.js"></script>
    <script language="javascript" src="../runtime/supporting.js"></script>

    <script language="javascript" src="../runtime/core.min.js"></script>
    <script language="javascript" src="../runtime/resizer.min.js"></script>

    <!-- Magazine -->
    <script language="javascript" src="book-debug.js"></script>
    <link type="text/css" rel="stylesheet" href="book.css" />
    <link type="text/css" rel="stylesheet" href="book-custom.css" />
</head>
<body class="background">

    <div style="position:absolute; top: 15px; left: 50px;">
        <img style='width:80px; height: 91px;' src='logo/ykk-logo-png.png' />
<!--        <div><img style='margin-left: -10px; width:100px; height: 20px;' src='logo/texun-logo-png.png' /></div>
        <div style="margin-left: 10px; width:50px; color:#88898B; font-weight:bold; font-size:19px; text-align: center;"> vol.01 </div>-->
    </div>

    <div class="actionbar">
        <div class="actiontool print" title="Print Page"></div>
        <div class="actiontool fullscreen" title="Fullscreen View"></div>
        <div class="actiontool zoom" title="Zoom Page"></div>
        <div class="actiontool index" title="Hide Thumbnails"></div> 
        <div class="actiontool home" title="First Page"></div>
    </div>
    <div id="list" class="thumnailcontent">
        <div id="up" class="up" title="Scroll Up"></div>
        <div  style="overflow:hidden; height: 92%; margin: 0px; padding:0px;">
            <ul class="noclass-thumbnail" style="list-style-type: none; padding-left: 0px; margin:1px 0px 1px 4px;" />
        </div>
        <div id="down" class="down" title="Scroll Down"></div>
    </div>

    <div class="nextprevious-page next-page" title="Next Page"></div>
    <div class="nextprevious-page previous-page" style="left: 100px;" title="Previous Page"></div>

    <div class="poweredby"></div>

    <div class="magazine-viewport">
	    <div class="container">
		    <div class="magazine">
			   
		    </div>
	    </div>
    </div>

    <iframe id="printframe" name="printframe" ></iframe>
    <script type="text/javascript">

        $('#all').hide();
//        $('#list').hide();
        $('.previous-button').hide();
        $('.next-button').hide();
        $('body').ready(loadApp);

       

     </script>
</body>
</html>